@space: 15px;
@bgColor: #FFF;
@commonColor: #04B894;
.createPlan {
	.packet {
		p {
			line-height: 1;
		}
		.content {
			border: 1px solid #D9D9D9;
			.packetList {
				max-height: 400px;
				overflow: scroll;
			}
			.item {
				position: relative;
				overflow: hidden;
				border-bottom: 1px solid #cbd2df;
				padding: 12px 18px 12px 25px;
				.previewImg {
					float: right;
					width: 90px;
					height: 90px;
					margin-right: 20px;
				}
				.packetTitle {
					float: left;
					font-size: 14px;
					padding: 8px 15px;
					.imgName {
						color: #444;
						font-size: 16px;
					}
					.packetId {
						position: absolute;
						bottom: 20px;
						color: red;
					}
				}
				.packetDel {
					float: right;
					font-size: 16px;
					color: #ef4b43;
					padding-top: 30px;
					p {
						cursor: pointer;
					}
					.itemIcon {
						font-size: 29px;
						color: #cbd2df;
					}
					.ptb12 {
						padding: 12px 0;
					}
				}
			}
		}
		.uploadMaterial {
			text-align: center;
			background-color: #f7f7f8;
			padding: 18px 0;
			.iconPlus {
				color: #e5e5ed;
				font-size: 50px;
			}
			p {
				color: #b4b9c2;
				font-size: 14px;
			}
		}
		.tip {
			padding-top: 20px;
			color: #c4cad4;
			font-size: 13px;
			line-height: 1;
		}
	}
	.hide {
		display: none;
	}
	.adPlan {
		background-color: @bgColor;
		padding: 40px;
		.uploadTitle {
			font-size: 13px;
			color: #c4cad4;
		}
		:global {
			.ant-upload-list-picture-card .ant-upload-list-item, .ant-upload.ant-upload-select-picture-card {
				width: 288px;
				height: 160px;
			}
			.ant-tabs-bar {
				width: 295px;
			}
			.uploadPlus {
				.anticon-plus {
					font-size: 50px;
					color: #E5E5ED;
				}
				.ant-upload-text {
					font-size: 14px;
					color: #b4b9c2;
				}
			}
			.ant-upload.ant-upload-select-picture-card {
				background-color: #f6f6f7;
				border-color: #cbd2df;
			}
			.ant-form-item-label {
				width: 85px;
				font-size: 15px;
				font-weight: 700;
				color: #555;
			}
			.ant-form-item {
				margin-bottom: 20px;
			}
			.ant-input {
				border-radius: 0;
			}
		}
		.submitBtn {
			width: 400px;
			height: 40px;
			border-radius: 20px;
			font-size: 16px;
			margin-top: 30px;
		}
		.title:first-child {
			margin-top: 0;
		}
		.title {
	    font-size: 18px;
	    font-weight: 700;
	    color: #555;
	    padding-bottom: 25px;
	    margin-top: 40px;
	    em {
	    	margin-right: 12px;
	    	font-style: normal;
	    	font-weight: 700;
	    	display: inline-block;
	    	width: 4px;
	    	height: 16px;
				vertical-align: top;
	    	color: #fff;
	    }
	    em.one {
	    	background-color: #ef4b43;
	    }
	    em.four {
	    	background-color: #41d2d4;
	    }
		}
		.title:not(:first-child) {
			border-top: 1px dotted #aaa;
	    padding-top: 36px;
		}
		.textarea {
			height: 150px;
		}
		.regionCodes {
			span {
				margin-right: 5px;
			}
		}
		.changeRegion {
			color: #ef4b43;
			text-decoration: underline;
			cursor: pointer;
		}
	}
}
.footer {
	text-align: center;
	padding: 10px 0;
	button {
		width: 110px;
		height: 30px;
		border-radius: 20px;
		font-size: 16px;
		line-height: 16px;
	}
	.cancel {
		background: #FFF;
		color: #666;
		border: 1px solid #dbdae3;
		margin-right: 30px;
	}
}
.editPlan {
	padding: 15px 25px;
	.searchBtn {
		width: 110px;
		height: 35px;
		border-radius: 0;
		font-size: 16px;
	}
	.search {
		width: 260px;
		height: 35px;
		border-radius: 0 !important;
		border-color: #E6E6E6;
	}
	table {
		margin-top: 15px;
		tr th {
			font-size: 16px;
			color: #333;
		}
	}
}
